.container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 35rpx;

  .pic {
    width: 220rpx;
    height: 150rpx;

    .image {
      width: 100%;
      height: 100%;
    }
  }

  .text {
    width: 440rpx;
    height: 150rpx;
    display: flex;
    justify-content: space-between;
    flex-direction: column;

    .title {
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: var(--globalColor);
    }

    .info {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: var(--globalColor);

      .author {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
      }

      view {
        display: flex;
        align-items: center;
        font-size: 28rpx;

        van-icon {
          font-size: 34rpx;
          margin-right: 10rpx;
          color: var(--globalColor);
        }
      }
    }
  }
}